let count = 100;
const text = document.querySelector('.loading-text');
const bg = document.querySelector('.bg');

let load = 0;
let int = setInterval(bluring,30);

function bluring() {
    load++;
    if(load>99) {
        clearInterval(int);
        // 加载到100%后隐藏显示文字
        setTimeout(()=>{
            text.style.display = 'none';
        },1000)
    }
    text.innerHTML = `${load}%`;
    // 文字的透明度由0-->1，0为透明，1为不透明
    text.style.opacity = load / 100;
    // 设置图片的模糊度，由30px降至0px
    bg.style.filter = `blur(${((100-load)*30)/100}px)`;
}   